<script setup lang="ts">

</script>

<template>
    <div class="about-us">
        <img class="about-us-img" src="@/images/about_us/about.jpg" alt="">
        <nav-content navData="&nbsp;&nbsp;>&nbsp;&nbsp;关于我们"></nav-content>
        <div class="about-us-content">
            <div class="about-us-img">
                <img src="@/images/about_us/about01.png" alt="">
            </div>
            <div class="dm">
                <div class="tit">
                    ABOUT
                </div>
                <div class="t2">
                    关于我们
                </div>
                <div class="dect">
                    <p>
                        &nbsp; &nbsp; &nbsp;
                        &nbsp;广东智慧医疗科技有限公司设立在高新科技企业密集的广州市科学城，公司拥有一支由医疗卫生行业专家领衔，众多行业专业技术人员组成的团队，具有强大的技术研发能力和丰富的项目实施经验。是一家集医疗导诊系统及智慧医疗信息可视化产品研发、生产、销售为一条龙的高科技创新型公司。全方位优化就诊流程，提高就诊效率，大幅度提升医患体验。拥有卓越的智慧医疗解决方案和强大的技术服务支持。<br>
                        <br>
                        &nbsp; &nbsp; &nbsp;
                        &nbsp;广东智慧医疗科技有限公司主营业务：智慧门诊系统、智慧病房系统、健康管理系统、药品管理系统。公司一直坚持以客户为中心，并且以为员工提供广阔的发展平台为导向，兢兢业业、默默耕耘、诚信经营，为医院提供专业的解决方案和技术服务并得到用户好评。
                    </p>
                </div>
            </div>
        </div>
        <div class="about-us-content">
            <div class="dm">
                <div class="tit">
                    BRAND CULTURE
                </div>
                <div class="t2">
                    企业文化
                </div>
                <div class="dect">
                    <p>
                        企业愿景<br>
                        智慧医疗彰显，点亮医疗新世界<br>
                        <br>
                        使命<br>
                        创造最人性化的就医环境；提供最优质的服务；打造行业第一品牌<br>
                        <br>
                        价值观<br>
                        客户第一；团队、拼搏、专业、务实、超越、创新；
                    </p>
                </div>
            </div>
            <div class="about-us-img-o">
                <img src="@/images/about_us/about02.png" alt="">
            </div>
        </div>
    </div>
</template>

<style scoped lang="scss">
.about-us {
    .about-us-img {
        display: flex;
        width: 100vw;
        height: 79vh;
    }

    .about-us-content {
        display: flex;
        padding: 0 3vw;
        width: 80vw;
        height: 60vh;
        margin: 0 auto 10vh;
        background-color: #f5f5f5;

        .about-us-img {
            flex: 1;

            img {
                width: 33vw;
                height: 60vh;
            }
        }

        .dm {
            flex: 1;
            margin: auto 0;

            .tit {
                font-size: 2.5vw;
                color: #2eb872;
                font-weight: 800;
            }

            .t2 {
                font-size: 1.5vw;
                margin: 3vh 0;
            }

            .dect {
                font-size: 1vw;

                p {
                    line-height: 1.5em;
                    color: #333;
                }
            }
        }

        .about-us-img-o {
            flex: 1;
            display: flex;
            justify-content: end;

            img {
                width: 33vw;
                height: 60vh;
            }
        }
    }
}
</style>